<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
  
    <title>Project Live3D {% block headtitle %} {% endblock %}</title>
    
    <link rel="stylesheet" type="text/css" href="/live3dstatic/css/design.css" />
    <link rel="stylesheet" type="text/css" href="/live3dstatic/css/loadingOverlay.css" />
    <link rel="shortcut icon" type="image/x-icon" href="/live3dstatic/images/favicon.ico" />
    {% block css %} {% endblock %}
    
    <!-- Online key -->
    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAqX9Vvx4F515h2PjLW4Ab4xRlthyyBK9AJWKvxUYMMyGX4kWS8hQUiHIxMA0Qg7gCU5PWFvHfjjeI4w"></script>
    
    <!-- Development key
    <script src="http://www.google.com/jsapi?key=ABQIAAAAqX9Vvx4F515h2PjLW4Ab4xR4EqRj3RNZnoYuzojShxUjcPQKRRTlWH7rc8MZU8L2U8blU5HOdtnZWA"></script>-->
    {% block scripts %} {% endblock %}

    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-12591115-2']);
      _gaq.push(['_trackPageview']);
    
      (function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="/live3dstatic/scripts/nicetitle.js" type="text/javascript"></script>
    <script src="/live3dstatic/scripts/stacktrace.js" type="text/javascript"></script>
    <script src="/live3dstatic/scripts/site.js" type="text/javascript"></script>
    <script src="/live3dstatic/scripts/helperFunctions.js" type="text/javascript"></script>
    <script src="/live3dstatic/scripts/loadingOverlay.js" type="text/javascript"></script>
    
  </head>
  <body onload="{% block onload %}{% endblock %}">
  
  <!-- Google Analytics -->
    <div id="page">
      <!-- HEADER -->
      <div id="header">
      	<div id="login">
      		{% if username %}
	      		Signed in as <i><b>{{username}}</b></i> &#9830; <a href="myScenes">My Scenes</a> &#9830; <a href="{{logOutURL}}">Log out.</a><br/>
	    	{% else %}
	      		Welcome to Project Live3D. <a href="{{logInURL}}">Log in.</a>
	    	{% endif %}
      	</div>
      	<div id="menu">
      		{% block menudiv %} 
    			<ul id="menulist">
				<li id="home"><script>document.write("<a href='"+Site.BASE_URL+"'>Home</a>")</script></li>
				<li id="about"><script>document.write("<a href='"+Site.BASE_URL+"about.html'>About</a>")</script></li>
				<li id="contribute"><script>document.write("<a href='"+Site.BASE_URL+"contribute.html'>Contribute</a>")</script></li>
				<li id="vfyw"><script>document.write("<a href='"+Site.BASE_URL+"vfyw.html'>VFYW</a>")</script></li>
				<li id="viewAll"><script>document.write("<a href='"+Site.BASE_URL+"viewAll'>Scenes</a>")</script></li>
				<li id="contact"><script>document.write("<a href='"+Site.BASE_URL+"contact.html'>Contact</a>")</script></li>
   				</ul>
   				
   				<script type="text/javascript">
    				var listItems = document.getElementById("menulist").children;
    				for(var i = 0; i < listItems.length; i++) listItems[i].className = "";
    				
    				var curPage = window.location.pathname.split(".")[0].substr(1);
    				if ( curPage == '') curPage = 'home';
					
					try {
    					document.getElementById(curPage).className = 'curpage';
    				} catch(err) { }
    			</script>
			{% endblock %}
      	</div>
      	<div id="logo">
      		<img src="../live3dstatic/images/building_1.png" />
      		<img src="../live3dstatic/images/building_2.png" style="margin-right:10px;"/>
      		<img src="../live3dstatic/images/arch.png" height="145px" style="position:absolute; left:460px; bottom:-21px; z-index:-1;" />
      		<img src="../live3dstatic/images/logo.png" style="margin-right:20px;" />
      		<img src="../live3dstatic/images/building_3.png" />
      	</div>
      	<div id="city_bg"></div>
	 </div><!-- end header -->
      
      <!-- CONTENT -->
      <div id="columnholder">
		{% block content %} {% endblock %}
      </div><!-- end div columnholder -->
      
      <!-- FOOTER -->
      <div id="footer">
			<span><b><a href="http://mm.cse.wustl.edu/" style="color:#333">Media and Machines Lab</a> 
        at <a href="http://www.wustl.edu/" style="color:#333">Washington University in St. Louis</a>. &#9830; 
        <a href="contact.html">Contact Us</a> &#9830;</b></span>
      </div><!-- end footer -->
    </div><!-- end page -->

    {% block scripts2 %} <!-- JAVASCRIPT --> {% endblock %}

  </body>
</html>